<body style="overflow: hidden">
<script type="text/javascript" src="<?php echo base_url('skin/js/promo.js'); ?>"></script>
<div class="fbcont">

	<div class="bannersaktofb"></div>
	
	<div id="phoneGalleryfbnobg">

	<div class="width791c padding20 alignCenter textBlue z5 fontLight">
		<a href="<?php  echo site_url('welcome'); ?>" class="block posabsofb fontBold textBlue textdecounderfb font12fb textdecounderrev">Home</a> 
    </div>

    <div class="wizard marg20topfb margbot15yv">
            <a href="<?php  echo site_url('gallery'); ?>" class="">
            <span class="wiz1"></span>
                 <p class="font15mtop10fb wiz1to4wcustom">Pick a gadget</p>
            </a>
            <a href="<?php  echo site_url('promo'); ?>" class="">
             <span class="wiz2"></span>
                 <p class="font15mtop10fb wiz1to4wcustom">Choose your promo</p>
            </a>
            <a href="<?php  echo site_url('prepaid'); ?>" class="">
             <span class="wiz3"></span>
                 <p class="font15mtop10fb wiz1to4wcustom">Enter your mobile number</p>
            </a>
            <a href="<?php  echo site_url('userprofile'); ?>" class=" ">
             <span class="wiz4"></span>
                 <p class="font15mtop10fb wiz1to4wcustom">Complete your profile</p>
            </a>
            <a href="<?php  echo site_url('globestore'); ?>" class="width100">
             <span class="wiz5"></span>
                 <p class="font15mtop10fb wiz5wcustom">Select your preferred Globe Store branch for handset pickup	</p>
            </a>
     </div>

	<div class="width791c comparesfb3">

		<div class="deviceInfosIns floatLeft">
			<div class="deviceBox active">
				<p><b>Gadget:</b></p>
				<p><?php if(isset($_COOKIE['fb_gadget'])) echo $_COOKIE['fb_gadget']; ?> - <?php if(isset($_COOKIE['fb_price'])) echo $_COOKIE['fb_price']; ?></p>
			</div>
						 
			<div class="promoBox">
				<p><b>Promo:</b><p>
				<p id="promo">None</p>
			</div>
								
			<div class="commitmentBox">
				<p><b>Registration Period </br> and Savings:</b><p>
				<p id="commitmentBox">None</p>
			</div>
								
			<div class="prepaidBox">
				<p><b>Mobile Number:</b><p>
				<p id="mobtel">None</p>
			</div>
								
			<div class="profileBox">
				<p><b>Profile:</b></p>
				<p class="pnone">None</p>
				<p style="display:none" id="pname"><span id="name"></span></p>
				<p style="display:none" id="pemail">Email Address:<br><span id="email"></span></p>
				<p style="display:none" id="pdob">Date of Birth:<br><span id="dob"></span></p>
				<p style="display:none" id="padd">Home Address:<br><span id="add"></span>
			</div>
								
			<div class="storeBox">
				<p><b>Globe Store Branch:</b></p>
				<p id="globestore">None</p>
			</div>   
		</div>
				

		<div class="devicegalfbcont">

			<div id="promoType"><!---FIRST--->
				<p class="header30 marg0topfb margbot15yv">Choose promo type</p>				
				<p class="text14 marg0topfb">Now it's time to choose the promo that you can use with your gadget!</p>
				<div id="promoType-inner" class="marg20 alignCenter">
				
				</div>
				<div class="astkcontnote margbot20">
					<p class="text13rev marg0 astkcontnoteastkw">*</p><p class="text13rev marg0 astkcontnotekw">Don't worry, you can still change your promo within the GoGADGETS registration period.</p>
					<p class="clear marg0"></p>
				</div>
			</div><!---FIRST--->		
		
			<div id="validity" style="display:none;"><!---SECOND--->
				<p class="header30 margbot15yv marg0topfb">Choose validity period</p>
				<p class="text14">You can choose a promo validity of 7 days, 15 days or 30 days - it's all up to you.</p>
				
				<div id="validity-inner" class="alignCenter marg20">
				
				</div>
			</div><!---SECOND--->		
		
            <div id="choosePromo" style="display:none;"><!---THIRD--->
				<p class="header30 margbot15yv">Choose promo details</p>
				<p class="text14">Choose the promo that fits your budget.</p>
				<div id="choosePromo-inner" class="alignCenter marg20">
				
				</div>
				<div class="astkcontnote margbot20">
				<p class="text13rev marg0 astkcontnoteastkw">*</p><p class="text13rev marg0 astkcontnotekw">to Globe/TM</p><p class="clear marg0"\></p>
			</div>
			</div><!---THIRD--->		

			<div id="commitment" style="display:none;"><!---FOURTH--->
				<p class="header30 margbot15yv marg0topfb">Choose registration period and savings</p>
				<p class="text14">Get your money back through GCash every time you subscribe to your GoGADGETS promo during the registration period. That way, you can get your device almost free!</p>
				<div id="commitment-inner" class="alignCenter marg20">
				
				</div>
            </div>
            <!---FOURTH--->


            <div id="promoConfirm" style="display:none;">
				<span class="triangle"></span>
                <div class="blueShade">
					<h1>Summary</h1>
					<div class="floatLeft">
						<p class="textBold font18"><b>Promo Details</b></p>
						<ul>
							<li><ALLNET 300
								 <li><span class="summary-promoname">ALLNET 300</span>
                                <p>With <span id="summary-desc">unlimited texts to all networks, 60 minutes of calls 
                                and 50MB</span> data.</p>
                                <p>Valid for <span id="summary-validity">15 days</span>.</p>
                                <p>Must register twice a month throughout the registration period.</p>
							</li>
						</ul>
								  
						<p class="text20"><b>Registration Period and Savings</b></p>
						<ul class="chooseCommitedpboldmod">
							<li><span id="summary-months">12 months</span></li>
							<li> Total savings of <span class="summary-totalrebate">P855</span>
							<p>(<span id="summary-rebateamt">P21</span> per registration to <span class="summary-promoname">ALLNET 300</span>)</p></li>
						</ul>
					</div>
					
					<div class="floatRight">
						<div class="lightBlueShade marg20Top">
							<p class=" fontblackblackfb font12modfb">Upon pick up of your gadget, the total cash out required is:</p>
							<table>
								<tbody>
								<tr>
									<td><p class="fontblackblackfb font12modfb bstopmodfb"><?php if(isset($_COOKIE['fb_gadget'])) echo $_COOKIE['fb_gadget']; ?></p></td>
									<td><p class="fontblackblackfb font12modfb bstopmodfb"></p> </td>
									<td><p class="fontblackblackfb font12modfb bstopmodfb alignRight"><span class="summary-gadgetprice fontblackblackfb font12modfb alignRight"><?php if(isset($_COOKIE['fb_price'])) echo ($_COOKIE['fb_price']); ?></span></p></td>
								</tr>
								<tr class="font12modfb"> 
									<td><p class="fontblackblackfb font12modfb bsbotmodfb"><span class="summary-promoname fontblackblackfb font12modfb bstopmodfb">ALLNET 300</span></p></td>
									<td><p class="fontblackblackfb font12modfb bsbotmodfb"></p></td>	     
									<td><p class="fontblackblackfb font12modfb bsbotmodfb alignRight"><span class="summary-promoprice fontblackblackfb font12modfb">P300.00</span></p></td>
								</tr>
							  
								<tr class="font14fb height40 fontBold">
									<td>Total Cash Out</td>
									<td></td>
									<td><span class="summary-totalcash font14fbimp textBoldimp fontblackblackfb">P2,800.00</span></td>
								</tr>
								</tbody>
							</table>
						</div>
								
						<div class="lightBlueShade marg20Top">
							<p class="fontblackblackfb font12modfb">With your savings, the discounted gadget price is:</p>
							<table>
							<tbody>
								<tr class="font12modfb">
									<td><p class="fontblackblackfb font12modfb bstopmodfb"><?php if(isset($_COOKIE['fb_gadget'])) echo $_COOKIE['fb_gadget']; ?></p></td>
									<td><p class="fontblackblackfb font12modfb bstopmodfb"></p></td>
									<td><p class="fontblackblackfb font12modfb bstopmodfb alignRight"><?php if(isset($_COOKIE['fb_price'])) echo ($_COOKIE['fb_price']); ?></p></td>
								</tr>
								<tr class="font12modfb">
									<td><p class="fontblackblackfb font12modfb bsbotmodfb">Total Savings</p></td>
									<td><p class="fontblackblackfb font12modfb bsbotmodfb"></p></td>
									<td><p class="fontblackblackfb font12modfb bsbotmodfb alignRight"><span class="summary-totalrebate fontblackblackfb font12modfb">P855</span></p></td>
								</tr>
							   
								<tr class="font14fb height40 fontBold">
									<td>Discounted <br> Gadget <br> Price</td>
									<td></td>
									<td><span class="summary-discounted font14fbimp textBoldimp fontblackblackfb">P1,645.00</span></td>
								</tr>
							</tbody>
							</table>
						</div>
								
					</div>
							
					<div class="clear"></div>
					
					<div class="alignCenter">
						<a id="btn_ProceedOrder" href="<?php echo site_url('prepaid'); ?>" class="buttonBlue Summary marg40Top margbot20"><span class="posRel top3fb">Proceed with this order</span></a>
					</div>                                                           
				</div>
            </div>			
		</div>

		<div class="clear"></div>	
	</div>